<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:78:"D:\fangcms\fangcms_city_add\public/../application/home\view\api\house_map.html";i:1493108360;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="__CSS__/map.css" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=oSxCtoIssCCFFb6WtqfrQrtO"></script>
    <style type="text/css">
        .assort-map .map-mark,.assort-map{width: 869px;}
        .mLabel-li{padding: 0px 10px;}
        .assort-distance{width: 230px}
    </style>
</head>
<body>
<div class="fang_cms-row">
    <a id="map"></a>
    <div class="fang_cms-col-lg-22 fang_cms-col-md-18">
        <div class="assort-map">
            <div class="map-mark">
                <div class="assort-distance school">
                    <div class="close-assort hide">
                        显<br />示<br />周<br />边<br />配<br />套
                    </div>
                    <h4><span></span><i id="bmap-keyword"></i><i id="result-count"></i></h4>
                    <span class="close"></span>
                    <ul>
                        <li>
                            <span class="digit"></span>
                            <span class="text"></span>
                            <span class="distance"></span>
                        </li>
                    </ul>
                </div>
                <div id="allmap" style="width: 869px;height: 500px;overflow: hidden;margin:0;font-family:'微软雅黑';"></div>
            </div>
            <div class="map-label">
                <ul js="clearSonAttr">
                    <li class="mLabel-li label-one">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="school">学校</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-two">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="hospital">医院</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-three">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="bank">银行</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-four">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="repast">餐饮</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-five">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="shopping">购物</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-eight">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="park">公园</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-six">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="bus">公交</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-ten">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="refuel">加油站</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-nine">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="airport">机场</i>
                        </a>
                    </li>
                    <li class="mLabel-li label-seven" style="background: none">
                        <a href="javascript:;" class="icon-text">
                            <span></span><i search-flag="subway">地铁</i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
<script type="text/javascript" src="__JS__/building-map-search.js"></script>
<script type="text/javascript">
    var lng = '<?php echo $lng; ?>';
    var lat = '<?php echo $lat; ?>';
    var streetView = 0;
    BMapApplication.init({'lng' : lng, 'lat' : lat, 'mapContainerId' : 'allmap'});
    BMapApplication.getAreaMap('学校', 'school');
    $('.map-label .mLabel-li, .map-label .mLabel-more li').click(function (evt){
        var iElem = $(this).find('i:first');
        if (BMapApplication.listShowState === false)
        {
            BMapApplication.openResultElem();
        }
        BMapApplication.getAreaMap(iElem.text(), iElem.attr('search-flag'));
        evt.stopPropagation();
    });
    /* 百度地图周边搜索关闭显示列表 */
    $('.assort-map').on('click','.assort-distance .close',function(){
        BMapApplication.closeResultElem();
    });
    /* 百度地图周边搜索打开显示列表 */
    $('.close-assort').click(function (evt){
        BMapApplication.openResultElem();
        evt.stopPropagation();
    });
</script>
</body>
</html>

